<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    body {
      font-family: "Microsoft Yahei", Helvetica, arial, sans-serif;
      font-size: 14px;
      line-height: 1.6;
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: white;
      padding: 30px;
      color: #516272;
    }
    
    body > *:first-child {
      margin-top: 0 !important;
    }
    
    body > *:last-child {
      margin-bottom: 0 !important;
    }
    
    a {
      color: #4183C4;
    }
    
    a.absent {
      color: #cc0000;
    }
    
    a.anchor {
      display: block;
      padding-left: 30px;
      margin-left: -30px;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
    }
    
    h1, h2, h3, h4, h5, h6 {
      margin: 20px 0 10px;
      padding: 0;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      cursor: text;
      position: relative;
    }
    
    h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
      background: url() no-repeat 10px center;
      text-decoration: none;
    }
    
    h1 tt, h1 code {
      font-size: inherit;
    }
    
    h2 tt, h2 code {
      font-size: inherit;
    }
    
    h3 tt, h3 code {
      font-size: inherit;
    }
    
    h4 tt, h4 code {
      font-size: inherit;
    }
    
    h5 tt, h5 code {
      font-size: inherit;
    }
    
    h6 tt, h6 code {
      font-size: inherit;
    }
    
    h1 {
      font-size: 28px;
      color: #2B3F52;
    }
    
    h2 {
      font-size: 24px;
      border-bottom: 1px solid #DDE4E9;
      color: #2B3F52;
    }
    
    h3 {
      font-size: 18px;
      color: #2B3F52;
    }
    
    h4 {
      font-size: 16px;
      color: #2B3F52;
    }
    
    h5 {
      font-size: 14px;
      color: #2B3F52;
    }
    
    h6 {
      color: #2B3F52;
      font-size: 14px;
    }
    
    p, blockquote, ul, ol, dl, li, table, pre {
      margin: 15px 0;
      color: #516272;
    }
    
    hr {
      background: transparent url() repeat-x 0 0;
      border: 0 none;
      color: #cccccc;
      height: 4px;
      padding: 0;
      
    }
    
    body > h2:first-child {
      margin-top: 0;
      padding-top: 0;
    }
    
    body > h1:first-child {
      margin-top: 0;
      padding-top: 0;
    }
    
    body > h1:first-child + h2 {
      margin-top: 0;
      padding-top: 0;
    }
    
    body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
      margin-top: 0;
      padding-top: 0;
    }
    
    a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
      margin-top: 0;
      padding-top: 0;
    }
    
    h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
      margin-top: 0;
    }
    
    li p.first {
      display: inline-block;
    }
    
    li {
      margin: 0;
    }
    
    ul, ol {
      padding-left: 30px;
    }
    
    ul :first-child, ol :first-child {
      margin-top: 0;
    }
    
    dl {
      padding: 0;
    }
    
    dl dt {
      font-size: 14px;
      font-weight: bold;
      font-style: italic;
      padding: 0;
      margin: 15px 0 5px;
    }
    
    dl dt:first-child {
      padding: 0;
    }
    
    dl dt > :first-child {
      margin-top: 0;
    }
    
    dl dt > :last-child {
      margin-bottom: 0;
    }
    
    dl dd {
      margin: 0 0 15px;
      padding: 0 15px;
    }
    
    dl dd > :first-child {
      margin-top: 0;
    }
    
    dl dd > :last-child {
      margin-bottom: 0;
    }
    
    blockquote {
      border-left: 4px solid #ECF0F3;
      /*padding: 0 15px;*/
      padding: 15px;
      background-color: #F7F9FA;
      color: #2B3F52;
    }
    
    blockquote > :first-child {
      margin-top: 0;
    }
    
    blockquote > :last-child {
      margin-bottom: 0;
    }
    
    table {
      padding: 0;
      border-collapse: collapse;
    }
    
    table tr {
      border-top: 1px solid #cccccc;
      background-color: white;
      margin: 0;
      padding: 0;
    }
    
    table tr:nth-child(2n) {
      background-color: #f8f8f8;
    }
    
    table tr th {
      font-weight: bold;
      border: 1px solid #cccccc;
      margin: 0;
      padding: 6px 13px;
    }
    
    table tr td {
      border: 1px solid #cccccc;
      margin: 0;
      padding: 6px 13px;
    }
    
    table tr th :first-child, table tr td :first-child {
      margin-top: 0;
    }
    
    table tr th :last-child, table tr td :last-child {
      margin-bottom: 0;
    }
    
    img {
      max-width: 100%;
    }
    
    span.frame {
      display: block;
      overflow: hidden;
    }
    
    span.frame > span {
      border: 1px solid #dddddd;
      display: block;
      float: left;
      overflow: hidden;
      margin: 13px 0 0;
      padding: 7px;
      width: auto;
    }
    
    span.frame span img {
      display: block;
      float: left;
    }
    
    span.frame span span {
      clear: both;
      color: #333333;
      display: block;
      padding: 5px 0 0;
    }
    
    span.align-center {
      display: block;
      overflow: hidden;
      clear: both;
    }
    
    span.align-center > span {
      display: block;
      overflow: hidden;
      margin: 13px auto 0;
      text-align: center;
    }
    
    span.align-center span img {
      margin: 0 auto;
      text-align: center;
    }
    
    span.align-right {
      display: block;
      overflow: hidden;
      clear: both;
    }
    
    span.align-right > span {
      display: block;
      overflow: hidden;
      margin: 13px 0 0;
      text-align: right;
    }
    
    span.align-right span img {
      margin: 0;
      text-align: right;
    }
    
    span.float-left {
      display: block;
      margin-right: 13px;
      overflow: hidden;
      float: left;
    }
    
    span.float-left span {
      margin: 13px 0 0;
    }
    
    span.float-right {
      display: block;
      margin-left: 13px;
      overflow: hidden;
      float: right;
    }
    
    span.float-right > span {
      display: block;
      overflow: hidden;
      margin: 13px auto 0;
      text-align: right;
    }
    
    code, tt {
      margin: 0 2px;
      padding: 0 5px;
      white-space: nowrap;
      border: 1px solid #eaeaea;
      background-color: #f8f8f8;
      border-radius: 3px;
    }
    
    pre code {
      margin: 0;
      padding: 0;
      white-space: pre;
      border: none;
      background: transparent;
    }
    
    .highlight pre {
      background-color: #f8f8f8;
      border: 1px solid #cccccc;
      font-size: 13px;
      line-height: 19px;
      overflow: auto;
      padding: 6px 10px;
      border-radius: 3px;
    }
    
    pre {
      background-color: #f8f8f8;
      border: 1px solid #cccccc;
      font-size: 13px;
      line-height: 19px;
      overflow: auto;
      padding: 6px 10px;
      border-radius: 3px;
    }
    
    pre code, pre tt {
      background-color: transparent;
      border: none;
    }
    
    sup {
      font-size: 0.83em;
      vertical-align: super;
      line-height: 0;
    }
    
    code {
      white-space: pre-wrap;
      word-break: break-all;
      display: block;
      
    }
    
    * {
      -webkit-print-color-adjust: exact;
    }
    
    @media screen and (min-width: 914px) {
      body {
        width: 960px;
        margin: 0 auto;
      }
    }
    
    @media print {
      table, pre {
        page-break-inside: avoid;
      }
      
      pre {
        word-wrap: break-word;
      }
      
    }
    h1 {
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>陈少俊</h1>
  <h2>个人信息</h2>
  <ul>
    <li>性别：男</li>
    <li>年龄：24岁</li>
    <li>籍贯：安徽</li>
    <li>学历：本科</li>
    <li>毕业院校：池州学院</li>
    <li>联系方式：18356605737</li>
    <li>邮箱：csj504@qq.com</li>
  </ul>
  
  <h2>前端工程师</h2>
  <ul>
    <li>工作经验：1年</li>
  </ul>
  <h2>求职意向</h2>
  <ul>
    <li>职位：Web前端工程师</li>
    <li>薪资：面议</li>
  </ul>
  <h2>相关技能</h2>
  <ul>
    <li>精通DIV+CSS布局，掌握使用less/sass等css预处理语言；</li>
    <li>精通JavaScript Dom操作，掌握面向对象的编程思想，了解原生js的继承，闭包；</li>
    <li>掌握流式布局、rem布局和响应式布局，能够有效解决和改善不同屏幕适配问题；</li>
    <li>掌握使用FortAwesome与其他字体图标库；</li>
    <li>掌握使用jQuery、Zepto等框架；</li>
    <li>掌握Swiper、BootStrap等进行项目开发；</li>
    <li>掌握使用AJAX，熟悉与后台交互的流程，会使用jsonp方式解决ajax跨域问题；</li>
    <li>掌握使用Hover.css、 Animate.css实现交互功能；</li>
    <li>掌握使用jQuery的插件使用，比如Validation、Lazy.load、Quickflip等的使用；</li>
    <li>掌握使用Firework切图软件；</li>
    <li>掌握使用Git进行源代码版本管理；</li>
    <li>掌握AMD CMD规范，进行模块化开发；</li>
    <li>掌握pug/jade、Art-template等模版引擎对项目功能进行实现；</li>
    <li>了解H5/C3新特性，熟悉移动页面开发，移动Web开发；</li>
    <li>了解网页性能的优化，能够解决常见页面兼容问题；</li>
    <li>了解MVC MVVM框架思想，有VUE项目开发经验，有angular使用经验；</li>
    <li>了解Nodejs热衷于学习前端的新技术，完善自我知识层面与结构；</li>
    <li>了解Gulp工作流程, 会使用gulp、webpack等前端构建工具。</li>
  </ul>
  
  <h2>工作经历</h2>
  
  <p><strong>公司名称</strong> ：安徽高泽有限公司 （2016年9月-2017年6月）</p>
  
  <p><strong>职位名称</strong> ：web前端工程师</p>
  
  <p><strong>工作经验：1年</strong></p>
  
  <h2>项目经历</h2>
  
  <h3>项目一：老来宝(PC端)</h3>
  
  <p><strong>项目介绍</strong> ：是一款以服务老年人相关的信息服务类型的网站。</p>
  
  <p><strong>主要技术</strong> ：</p>
  
  <ul>
    <li>运用firework对图片素材切片，DIV+CSS页面布局；</li>
    <li>使用jQuery实现页面交互效果，对页面DOM进行操作；</li>
    <li>解决各个主流浏览器的兼容性问题；</li>
    <li>对页面结构，功能等进行优化；</li>
  </ul>
  <h3>项目二：创鑫本草(PC端)</h3>
  
  <p><strong>项目介绍</strong> ：中国药剂生产企业。</p>
  
  <p><strong>主要技术</strong> ：</p>
  
  <ul>
    <li>主要使用了jquery进行实现的，其中主要使用轮播插件和切割轮播图插件</li>
    <li>通过服务端渲染将数据展示到页面上</li>
    <li>解决各个主流浏览器的兼容性问题；</li>
    <li>对页面结构，功能等进行优化；</li>
  </ul>
  
  <h2>自我介绍</h2>
  <h3>个人简介</h3>
  <ul>
    <li>性格随和，开朗，容易相处；</li>
    <li>适应能力强，能较快的融入新的环境；</li>
    <li>有很强的求知欲，有很强的团队协作能力和亲和力；</li>
    <li>踏实诚恳，工作认真，具有很强的责任心；</li>
    <li>能够承担较大工作压力，吃苦耐劳；</li>
    <li>有责任心，通过持续学习完善自身。</li>
</ul>
</body>
</html>